<import from="./data-connections/data-connections-list"></import>
<import from="./scripts/scripts-list"></import>

<pane-toolbar>
    <span class="text-semibold">Explorer</span>
    <div au-slot="right">
        <i class="icon-button fa-solid fa-arrow-right-arrow-left fa-rotate-90"
           click.trigger="reversePanelFlow()"
           title="Reverse Panel Flow"></i>
    </div>
</pane-toolbar>

<div class="explorer-content flex-grow-height-restricted d-flex ${settings.value.flow}">
    <data-connections-list class="flex-grow-height-restricted"></data-connections-list>

    <scripts-list class="flex-grow-height-restricted"></scripts-list>
</div>
